<link rel="stylesheet" href="catalog/view/javascript/swiper/css/idangerous.swiper.css">
<link rel="stylesheet" href="catalog/view/javascript/swiper/css/style.css?v=1.8">
<link rel="stylesheet" href="catalog/view/javascript/swiper/css/swiper-demos.css?v=1.8">
<!-- Swiper -->
<script  src="catalog/view/javascript/swiper/js/idangerous.swiper-1.8.min.js"></script>
<!-- Swiper Scrollbar plugin -->
<!-- Demos code -->
<script  src="catalog/view/javascript/swiper/js/swiper-demos.js?v=1.8"></script>

  <div class="home-device"> <a class="arrow-left" href="#"><img src="catalog/view/javascript/swiper/img/arrows_left.png"></a> <a class="arrow-right" href="#"><img src="catalog/view/javascript/swiper/img/arrows_right.png"></a>
    <div class="swiper-main">
      <div class="swiper-container swiper1">
        <div class="swiper-wrapper">
          <div class="swiper-slide"> <img src="catalog/view/javascript/swiper/img/yijing_banner_1.jpg" width="100%" height="300px"> </div>
          <div class="swiper-slide"> <img src="catalog/view/javascript/swiper/img/yijing_banner_2.jpg" width="100%" height="300px"> </div>
          <div class="swiper-slide"> <img src="catalog/view/javascript/swiper/img/yijing_banner_3.jpg" width="100%" height="300px"> </div>
          <div class="swiper-slide">
            <div class="content-slide">
              <h2 style="margin-top: 0;">Slide with HTML</h2>
              <p>You can put any HTML inside of slide with any layout, not only images, even another Swiper!</p>
            </div>
            <div class="clearfix"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="pagination1"></div>
  </div>
